<template>
    <div>
      <van-nav-bar title="全部" left-arrow fixed @click-left="onClickLeft" />
      <ul>
          <li style="color:red;">全部</li>
          <li>待付款</li>
          <li>待发货</li>
          <li>待提货</li>
          <li>退款/售后</li>
      </ul>
      <div class="xian"></div>
      <div class="tu"></div>
      <span>暂无订单</span>
    </div>
  </template>
  
  <script>
  export default {
      methods: {
      onClickLeft() {
        this.$router.push("/mycom").catch(err=>{});
      },
  }
  }
  </script>
  
  <style scoped>
  ul{
      width: 100%;
      height: 35px;
      margin-top: 46px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      font-size: 12px;
      color: gray;
  }
  .xian{
      width: 8px;
      border: 1px solid red;
      margin-left: 19px;
  }
  .tu{
      width: 260px;
      height: 140px;
      background-image: url(https://m.cdfgsanya.com/wap/resources/images/empty-warning/order@3x.8758d77b.png);
      background-size:270px 130px;
      margin: 45px 30px 10px 30px;
  }
  span{
      padding: 0 127px;
      color: gray;
      text-align: center;
  }
  </style>